<?php if (!defined('THINK_PATH')) exit();?>
<!DOCTYPE HTML>
<html>
<head>
    <title>Brnd-logo Website Template | Home :: w3layouts</title>
    <link href="/thinkphp/Public/shop/css/bootstrap.css" rel='stylesheet' type='text/css'/>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="/thinkphp/Public/shop/js/jquery.min.js"></script>
    <!-- Custom Theme files -->
    <link href="/thinkphp/Public/shop/css/style.css" rel='stylesheet' type='text/css'/>
    <!-- Custom Theme files -->
    <!---- start-smoth-scrolling---->
    <script type="text/javascript" src="/thinkphp/Public/shop/js/move-top.js"></script>
    <script type="text/javascript" src="/thinkphp/Public/shop/js/easing.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({scrollTop: $(this.hash).offset().top}, 1000);
            });
        });
    </script>
    <!---- start-smoth-scrolling---->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <script>
        $(function () {
            var pull = $('#pull');
            menu = $('nav ul');
            menuHeight = menu.height();
            $(pull).on('click', function (e) {
                e.preventDefault();
                menu.slideToggle();
            });
            $(window).resize(function () {
                var w = $(window).width();
                if (w > 320 && menu.is(':hidden')) {
                    menu.removeAttr('style');
                }
            });
        });
    </script>
    <!----//End-top-nav-script---->
</head>
<body>
<!----container---->
<div class="container" style="width:83%;">
    <!----top-header---->
    <div class="top-header">
        <div class="logo">
            <a href="index.html"><img style="width: 680px;height:83px;margin-top: -67px" src="/thinkphp/Public/shop/img/mylogo.jpg" title="barndlogo"/></a>
        </div>
        <div class="top-header-info">
            <div class="top-contact-info">
                <ul class="unstyled-list list-inline">
                    <li><span class="phone"> </span>090 - 223 44 66</li>
                    <li><span class="mail"> </span><a href="#">help@trendd.com</a></li>
                    <div class="clearfix"></div>
                </ul>
            </div>
            <div class="cart-details">
                <div class="add-to-cart">
                    <ul class="unstyled-list list-inline">
                        <li><span class="cart"> </span>
                            <ul class="cart-sub">
                                <li><p>0 Products</p></li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="login-rigister">
                    <ul class="unstyled-list list-inline">
                        <li><a class="login" href="#">Login</a></li>
                        <li><a class="rigister" href="#">REGISTER <span> </span></a></li>
                        <div class="clearfix"></div>
                    </ul>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
    <!----//top-header---->
    <!---top-header-nav---->
    <div class="top-header-nav">
        <!----start-top-nav---->
        <nav class="top-nav main-menu">
            <ul class="top-nav">
                <li><a href="products.html">商品 </a><span> </span></li>
                <li><a href="products.html">活動</a><span> </span></li>
                <li><a href="products.html">服務</a><span> </span></li>
                <li><a href="products.html">品牌</a><span> </span></li>
                <li><a href="products.html">ABOUT US</a></li>
                <div class="clearfix"></div>
            </ul>
            <a href="#" id="pull"><img src="/thinkphp/Public/shop/img/nav-icon.png" title="menu"/></a>
        </nav>
        <!----End-top-nav---->
        <!---top-header-search-box--->
        <div class="top-header-search-box">
            <form>
                <input type="text" placeholder="Search">
                <input type="submit" value=" ">
            </form>
        </div>
        <!---top-header-search-box--->
        <div class="clearfix"></div>
    </div>
</div>
<!--//top-header-nav---->
<!----start-slider-script---->
<script src="/thinkphp/Public/shop/js/responsiveslides.min.js"></script>
<script>
    // You can also use "$(window).load(function() {"
    $(function () {
        // Slideshow 4
        $("#slider4").responsiveSlides({
            auto: true,
            pager: true,
            nav: true,
            speed: 500,
            namespace: "callbacks",
            before: function () {
                $('.events').append("<li>before event fired.</li>");
            },
            after: function () {
                $('.events').append("<li>after event fired.</li>");
            }
        });

    });
</script>

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>首页</title>
    <meta name="keywords" content="首页"/>
    <meta name="description" content="首页"/>
    <link rel="stylesheet" type="text/css" href="/thinkphp/Public/shop/css/normalize.css"/>
    <script type="text/javascript" src="/thinkphp/Public/shop/js/jquery-1.9.1.min.js"></script>
    <script src="/thinkphp/Public/shop/js/common.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var showproduct = {
                "boxid": "showbox",
                "sumid": "showsum",
                "boxw": 400,//宽度,该版本中请把宽高填写成一样
                "boxh": 400,//高度,该版本中请把宽高填写成一样
                "sumw": 60,//列表每个宽度,该版本中请把宽高填写成一样
                "sumh": 60,//列表每个高度,该版本中请把宽高填写成一样
                "sumi": 7,//列表间隔
                "sums": 5,//列表显示个数
                "sumsel": "sel",
                "sumborder": 1,//列表边框，没有边框填写0，边框在css中修改
                "lastid": "showlast",
                "nextid": "shownext"
            };//参数定义
            $.ljsGlasses.pcGlasses(showproduct);//方法调用，务必在加载完后执行
        });
    </script>
</head>
<body>
<div class="showall clearfix" style="margin-top:30px;">
    <!--left -->
    <div class="showbot">
        <div id="showbox">
            <img src="/thinkphp/Public/shop/img/shoes/show1.jpg" width="400" height="400"/>
            <img src="/thinkphp/Public/shop/img/shoes/show.jpg" width="400" height="400"/>
            <img src="/thinkphp/Public/shop/img/shoes/show3.jpg" width="400" height="400"/>
            <img src="/thinkphp/Public/shop/img/shoes/show4.jpg" width="400" height="400"/>
            <img src="/thinkphp/Public/shop/img/shoes/show5.jpg" width="400" height="400"/>
        </div><!--展示图片盒子-->
        <div id="showsum">
            <!--展示图片里边-->
        </div>
        <p class="showpage">
            <a href="javascript:void(0);" id="showlast"> < </a>
            <a href="javascript:void(0);" id="shownext"> > </a>
        </p>
    </div>
    <!--conet -->
    <div class="tb-property">
        <div class="tr-nobdr">
            <h3> 骆驼（CAMEL）  骆驼男鞋 运动透气网布旅游男鞋 A632345266 深蓝/橙 40 </h3>
        </div>
        <div class="txt">
            <span class="nowprice">￥<a href="">599.00</a></span>
            <div class="cumulative">
                <span class="number ty1">累计售出<br/><em id="add_sell_num_363">370</em></span>
                <span class="number tyu">累计评价<br/><em id="add_sell_num_363">25</em></span>
            </div>
        </div>
        <div class="txt-h">
            <span class="tex-o">分类</span>
            <ul class="glist" id="glist" data-monitor="goodsdetails_fenlei_click">
                <li><a title="红色36g" href="">红色36g</a></li>
                <li><a title="蓝色16g" href="">红色36g</a></li>
                <!--<li><a title="红色36g" href="">红色36g</a></li>
                    <li><a title="蓝色16g" href="">红色36g</a></li>-->
            </ul>
        </div>
        <script>
            $(document).ready(function () {
                var t = $("#text_box");
                $('#min').attr('disabled', true);
                $("#add").click(function () {
                    t.val(parseInt(t.val()) + 1)
                    if (parseInt(t.val()) != 1) {
                        $('#min').attr('disabled', false);
                    }

                })
                $("#min").click(function () {
                    t.val(parseInt(t.val()) - 1);
                    if (parseInt(t.val()) == 1) {
                        $('#min').attr('disabled', true);
                    }

                })
            });
        </script>
        <div class="gcIpt">
            <span class="guT">数量</span>
            <input id="min" name="" type="button" value="-"/>
            <input id="text_box" name="" type="text" value="1" style="width:30px; text-align: center; color: #0F0F0F;"/>
            <input id="add" name="" type="button" value="+"/>
            <span class="Hgt">库存（99）</span>
        </div>
        <div class="nobdr-btns">
            <button class="addcart hu"><img src="/thinkphp/Public/shop/img/shoes/shop.png" width="25" height="25"/>加入购物车</button>
            <button class="addcart yh"><img src="/thinkphp/Public/shop/img/shoes/ht.png" width="25" height="25"/>立即购买</button>
        </div>
        <div class="guarantee">
            <span>邮费：包邮&nbsp;&nbsp;支持货到付款 <a href=""><img src="/thinkphp/Public/shop/img/shoes/me.png"/></a></span>
        </div>
    </div>
    <!--right -->
    <div class="extInfo">
        <div class="brand-logo">
            <a href="" title="奥影汽车影音">
                <img src="/thinkphp/Public/shop/img/shoes/ho_03.png"/>
            </a>
        </div>
        <div class="seller-pop-box">
            <span class="tr">商家名称：骆驼CAMEL京东自营男鞋旗舰店</span>
            <span class="tr">商家等级：初级店铺</span>
            <span class="tr">客家电话：15012365897</span>
            <span class="tr hoh">
            	            		<a title="河南郑州市航海路57号河南郑州市航海路57号" href="">所在地区：河南郑州市航海路57号河南郑州市航海路57号</a>
            	            	</span>
        </div>
        <div class="seller-phone">
            	            	<span class="pop im">
            	            		<a href="" data-name="联系卖家"><img src="/thinkphp/Public/shop/img/shoes/phon.png"/>联系卖家</a>
            	            	</span>
            <span class="pop in">
            	            		<a href="" data-name="咨询卖家"><img src="/thinkphp/Public/shop/img/shoes/qq.png"/>咨询卖家</a>
            	            	</span>
            <span class="pop in">
            	            		<a href="" data-name="进店逛逛"><img src="/thinkphp/Public/shop/img/shoes/shop-line.png"/>进店逛逛</a>
            	            	</span>
            <span class="pop in">
            	            		<a href="" data-name="关注店铺"><img src="/thinkphp/Public/shop/img/shoes/staar.png"/>关注店铺</a>
            	            	</span>
        </div>
        <div class="jd-service">
            <a href="">
                <img src="images/ho_07.png"/>
            </a>
        </div>
        <div class="suport-icons">
            <h4>扫一扫<br/>手机下单更优惠</h4>
            <img src="images/ho_11.jpg"/>
        </div>
    </div>
</div>
<!-- 推荐搭配 -->
<div class="gdetail">
    <div class="dp_wrap_title">
        推荐搭配
    </div>
    <div class="dp_wrap">
        <!-- 结算 -->
        <div class="dq_total_wrap">
            <div class="icon_equal">
                =
            </div>
            <div class="dp_num">已经选择0个配件
                <p class="dq_price">总计<span>￥599.00</span>元</p>
                <button class="get">立即购买</button>
            </div>
        </div>
        <!-- 搭配1 -->
        <div class="dq_ori">
            <a class="dq_ori_prd" href=""><img src="/thinkphp/Public/shop/img/shoes/dapei.jpg"/></a>
            <a class="ori_prd" href="">骆驼（CAMEL）  日常休闲男皮鞋青年系带休闲男鞋 A732266210 黑色 42</a>
            <p class="ori_prd dp_wrap_pprice_ori">￥599.00</p>
        </div>
        <div class="scroll_wrap">
            <!-- 搭配2 -->
            <div class="dp_prd">
                <div class="icon_plus">+</div>
                <div class="dp_p_wrap">
                    <a class="dp_wrap_pimg" href="" target="_blank"><img src="/thinkphp/Public/shop/img/shoes/dapei2.jpg"/></a>
                    <a class="dp_wrap_pname" href="" target="_blank">骆驼（CAMEL）  日常休闲男皮鞋青年系带休闲男鞋 A732266210 黑色 42</a>
                    <p class="dp_wrap_pprice">
                        <label>
                            <input type="checkbox" data-price="199" data-item="570b1b2f5efb114c378b4575">
                            ￥199
                        </label>
                    </p>
                </div>
            </div>
            <!-- 搭配3 -->
            <div class="dp_prd">
                <div class="icon_plus">+</div>
                <div class="dp_p_wrap">
                    <a class="dp_wrap_pimg" href="" target="_blank"><img src="/thinkphp/Public/shop/img/shoes/dapei3.jpg"/></a>
                    <a class="dp_wrap_pname" href="" target="_blank">骆驼（CAMEL）  日常休闲男皮鞋青年系带休闲男鞋 A732266210 黑色 42</a>
                    <p class="dp_wrap_pprice">
                        <label>
                            <input type="checkbox" data-price="199" data-item="570b1b2f5efb114c378b4575">
                            ￥199
                        </label>
                    </p>
                </div>
            </div>
            <!-- 搭配4 -->
            <div class="dp_prd">
                <div class="icon_plus">+</div>
                <div class="dp_p_wrap">
                    <a class="dp_wrap_pimg" href="" target="_blank"><img src="/thinkphp/Public/shop/img/shoes/dapei4.jpg"/></a>
                    <a class="dp_wrap_pname" href="" target="_blank">骆驼（CAMEL）  日常休闲男皮鞋青年系带休闲男鞋 A732266210 黑色 42</a>
                    <p class="dp_wrap_pprice">
                        <label>
                            <input type="checkbox" data-price="199" data-item="570b1b2f5efb114c378b4575">
                            ￥365
                        </label>
                    </p>
                </div>
            </div>
            <!-- 产品结束 -->
        </div>
    </div>
</div>

<!-- 商品介紹 -->
<div class="gdetail">
    <!-- left -->
    <div class="aside">
        <h3>看了还看<span><img src="/thinkphp/Public/shop/img/shoes/fod.png" width="22" height="22"/>换一批</span></h3>
        <dl class="ac-mod-list">
            <dt><a href=""><img src="/thinkphp/Public/shop/img/shoes/left.jpg"/></a></dt>
            <dd>
               日常休闲男皮鞋青年系
                <span>￥99</span>
            </dd>
        </dl>
        <dl class="ac-mod-list">
            <dt><a href=""><img src="/thinkphp/Public/shop/img/shoes/left2.jpg"/></a></dt>
            <dd>
               日常休闲男皮鞋青年系
                <span>￥99</span>
            </dd>
        </dl>
        <dl class="ac-mod-list">
            <dt><a href=""><img src="/thinkphp/Public/shop/img/shoes/left3.jpg"/></a></dt>
            <dd>
                日常休闲男皮鞋青年系
                <span>￥99</span>
            </dd>
        </dl>
    </div>
    <!-- right -->
    <script>
        var detail = document.querySelector('.detail');
        var origOffsetY = detail.offsetTop;

        function onScroll(e) {
            window.scrollY >= origOffsetY ? detail.classList.add('sticky') :
                detail.classList.remove('sticky');
        }

        document.addEventListener('scroll', onScroll);
    </script>
    <div class="detail">
        <div class="active_tab" id="outer">
            <ul class="act_title_left" id="tab">
                <li class="act_active">
                    <a href="#">规格参数</a>
                </li>
                <li>
                    <a href="#">商品介绍</a>
                </li>
                <li>
                    <a href="#">商品评价</a>
                </li>
                <li>
                    <a href="#">售后保障</a>
                </li>
            </ul>
            <ul class="act_title_right">
                <li class="mui">
                    <a id="mui-a" href="#">扫手机下单+</a>
                </li>
                <li class="mui-ac">
                    <a href="#">加入购物车</a>
                </li>
            </ul>
            <div class="clear"></div>
        </div>
        <div id="content" class="active_list">
            <!--0-->
            <div id="ui-a" class="ui-a">
                <ul style="display:block;">
                    <li>商品名称：骆驼（CAMEL）  骆驼男鞋 运动透气网布旅游男鞋</li>
                    <li>商品编号：ECS001983</li>
                    <li>上架时间：2016-05-24</li>
                    <li>商品毛重：0克</li>
                    <li>库存： 999</li>
                    <li><img src="/thinkphp/Public/shop/img/shoes/biaoshu.jpg"/></li>
                    <li><img src="/thinkphp/Public/shop/img/shoes/biaoshu2.jpg"/></li>
                    <li><img src="/thinkphp/Public/shop/img/shoes/biaoshu3.jpg"/></li>
                    <li><img src="/thinkphp/Public/shop/img/shoes/biaoshu4.jpg"/></li>
                    <li><img src="/thinkphp/Public/shop/img/shoes/miaoshu4.jpg"/></li>
                </ul>
            </div>
            <!--商品规格-->
            <div id="bit" class="bit">
                <ul style="display:none;">
                    <li><img src="/thinkphp/Public/shop/img/shoes/miaoshu.jpg"/></li>
                    <li><img src="/thinkphp/Public/shop/img/shoes/miaoshu1.jpg"/></li>
                    <li><img src="/thinkphp/Public/shop/img/shoes/miaoshu2.jpg"/></li>
                    <li><img src="/thinkphp/Public/shop/img/shoes/miaoshu4.jpg"/></li>
                    <li><img src="/thinkphp/Public/shop/img/shoes/miaoshu4.jpg"/></li>

                </ul>
            </div>

            <!--商品评价-->

            <div id="ui-c" class="ui-c">
                <ul style="display:none;">

                </ul>
            </div>
            <!--售后保障-->
            <div id="uic" class="uic">
                <ul style="display:none;">
                    <p>商品名称：仙人指路道镜前后双录智能后视镜导航仪行车记录仪后视预警一体机</p>
                    <p>商品编号：ECS001983</p>
                    <p>
                        凭质保证书及京东商城发票，可享受全国联保服务（奢侈品、钟表除外；奢侈品、钟表由京东联系保修，享受法定三包售后服务），与您亲临商场选购的商品享受相同的质量保证。京东商城还为您提供具有竞争力的商品价格和</p>
                    <p>
                        注：因厂家会在没有任何提前通知的情况下更改产品包装、产地或者一些附件，本司不能确保客户收到的货物与商城图片、产地、附件说明完全一致。只能确保为原厂正货！并且保证与当时市场上同样主流新品一致。若本商城没有及时更新，请大家谅解！
                    </p>
                </ul>
            </div>
        </div>
        <script>
            $(function () {
                window.onload = function () {
                    var $li = $('#tab li');
                    var $ul = $('#content ul');

                    $li.mouseover(function () {
                        var $this = $(this);
                        var $t = $this.index();
                        $li.removeClass();
                        $this.addClass('act_active');
                        $ul.css('display', 'none');
                        $ul.eq($t).css('display', 'block');
                    })
                }
            });
        </script>
    </div>
</div>

</body>
</html>


<div class="clearfix"></div>
<div class="content" style="margin-top: 50px">
    <!----footer--->
    <div class="footer">
        <div class="container">
            <div class="col-md-3 footer-logo">
                <a href="index.html"><img src="/thinkphp/Public/shop/img/flogo.png" title="brand-logo"/></a>
            </div>
            <div class="col-md-7 footer-links">
                <ul class="unstyled-list list-inline">
                    <li><a href="#"> Faq</a> <span> </span></li>
                    <li><a href="#"> Terms and Conditions</a> <span> </span></li>
                    <li><a href="#"> Secure Payments</a> <span> </span></li>
                    <li><a href="#"> Shipping</a> <span> </span></li>
                    <li><a href="contact.html"> Contact</a></li>
                    <div class="clearfix"></div>
                </ul>
            </div>
            <div class="col-md-2 footer-social">
                <ul class="unstyled-list list-inline">
                    <li><a class="pin" href="#"><span> </span></a></li>
                    <li><a class="twitter" href="#"><span> </span></a></li>
                    <li><a class="facebook" href="#"><span> </span></a></li>
                    <div class="clearfix"></div>
                </ul>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
    <div class="clearfix"></div>
    <!---//footer--->
    <!---copy-right--->
    <div class="container">
        <div class="row foot">
            <div class="col-md-2">
                <ul>
                    <strong><li><a href="xxxx">购物指南</a></li></strong>
                    <li><a href="xxxx">购物流程</a></li>
                    <li><a href="xxxx">会员介绍</a></li>
                    <li><a href="xxxx">生活旅行\团购</a></li>
                    <li><a href="xxxx">常见问题</a></li>
                    <li><a href="xxxx">联系客服</a></li>
                </ul>
            </div>
            <div class="col-md-2">
                <ul>
                    <strong><li><a href="xxxx">配送方式</a></li></strong>
                    <li><a href="xxxx">上门自提</a></li>
                    <li><a href="xxxx">211限时达</a></li>
                    <li><a href="xxxx">配送服务查询</a></li>
                    <li><a href="xxxx">配送收取标准</a></li>
                </ul>
            </div>
            <div class="col-md-2">
                <ul>
                    <strong><li><a href="xxxx">支付方式</a></li></strong>
                    <li><a href="xxxx">货到付款</a></li>
                    <li><a href="xxxx">在线支付</a></li>
                    <li><a href="xxxx">分期付款</a></li>
                    <li><a href="xxxx">邮局付款</a></li>
                    <li><a href="xxxx">公司转账</a></li>
                </ul>
            </div>
            <div class="col-md-2">
                <ul>
                    <strong><li><a href="xxxx">售后服务</a></li></strong>
                    <li><a href="xxxx">售后政策</a></li>
                    <li><a href="xxxx">价格保护</a></li>
                    <li><a href="xxxx">退款说明</a></li>
                    <li><a href="xxxx">返修\退换货</a></li>
                    <li><a href="xxxx">取消订单</a></li>
                </ul>
            </div>
            <div class="col-md-2">
                <ul>
                    <strong><li><a href="xxxx">特色服务</a></li></strong>
                    <li><a href="xxxx">夺宝岛</a></li>
                    <li><a href="xxxx">DIY装机</a></li>
                    <li><a href="xxxx">延保服务</a></li>
                    <li><a href="xxxx">京东E卡</a></li>
                    <li><a href="xxxx">京东通信</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-md-12 foot_text">
                <p>关于我们&nbsp|&nbsp联系我们&nbsp|&nbsp联系客服&nbsp|&nbsp合作招商&nbsp|&nbsp商家帮助&nbsp|&nbsp营销中心&nbsp|&nbsp友情链接&nbsp|&nbsp销售联盟&nbsp|&nbsp隐私政策 &nbsp|&nbsp京东公益</p>
                <p>京公网安备11000002000088号&nbsp|&nbsp京ICP证070359号&nbsp|&nbsp互联网药品信息服务资格证编号(京)-经营性-2014-0008&nbsp|&nbsp新出发京零&nbsp|&nbsp字第大120007号</p>
                <p>互联网出版许可证编号新出网证(京)字150号&nbsp|&nbsp出版物经营许可证&nbsp|&nbsp 网络文化经营许可证京网文[2014]2148-348号&nbsp|&nbsp违法和不良信息举报电话：4006561155</p>
                <p>Copyright © 2004 - 2017  京东JD.com&nbsp|&nbsp版权所有&nbsp|&nbsp消费者维权热线：4006067733&nbsp|&nbsp经营证照</p>
                <p>京东旗下网站：京东支付&nbsp|&nbsp京东云</p>
                <p><a class="ft1"></a> <a class="ft2"></a> <a class="ft3"></a> <a class="ft4"></a> <a class="ft5"></a> <a class="ft6"></a></p>
            </div>
        </div>
    </div>
</div>
</body>
</html>